<!DOCTYPE html>
<link rel="match" href="../expected/box-without-scrollable-overflow-should-not-consume-scroll-events-ref.html" />
<style>
    .item {
        width: 100px;
        height: 100px;
        box-sizing: border-box;
        border: 1px solid black;
    }
    .item1 { overflow: auto; }
    .scrollable {
        overflow-y: scroll;
        width: 100px;
        height: 300px;
        scrollbar-width: none;
    }
</style>
<div class="scrollable">
    <div class="item item1">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
</div>
<script>
    internals.wheel(10, 10, 0, 100);
</script>
